import React from 'react'
import Index from './layout/Index'

import Login from './views/login/Index'

// HashRouter: Hash 路由模式
// BrowserRouter: History 路由模式
// Routes: 路由出口
// Route: 路由配置规则
import { HashRouter, BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'

export default function App() {
    return (
        <>
            {/* V5 路由出口 */}
            {/* <Switch>
                <Route path='/login' components={Login} />
            </Switch> */}

            {/* 路由模式 */}
            <HashRouter >
                {/* V6 路由出口 */}
                <Routes>
                    {/* V6 路由规则 */}
                    {/* 路由重定向 */}
                    {/* <Route path='/' element={<Navigate to={'/home'} />} /> */}
                    <Route path='/' element={<Index />} />
                    <Route path='/login' element={<Login />} />
                </Routes>
            </HashRouter>
        </>
    )
}
